google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(function(){
  var data = new google.visualization.DataTable();
       data.addColumn('string', '日');
       data.addColumn('number', 'DL数');
       data.addColumn('number', 'Googleセルラン');
       data.addColumn('number', 'iOSセルラン');
       data.addColumn({type:'string', role:'annotation'});
       data.addColumn({type:'string', role:'annotationText'});
       data.addRows([
        ['2023-01-31',256482284,null,51,null,null],
['2023-02-01',256621786,null,65,null,null],
['2023-02-02',256813943,119,61,null,null],
['2023-02-03',256911256,128,59,null,null],
['2023-02-04',256911256,126,57,null,null],
['2023-02-05',256911256,122,56,null,null],
['2023-02-06',257431509,120,52,null,null],
['2023-02-07',257926551,121,52,null,null],
['2023-02-08',257926551,121,53,null,null],
['2023-02-09',258622858,120,50,null,null],
['2023-02-10',258850783,107,57,null,null],
['2023-02-11',259209401,102,61,null,null],
['2023-02-12',259387834,107,55,null,null],
['2023-02-13',259586482,113,52,null,null],
['2023-02-14',259921111,114,51,null,null],
['2023-02-15',259921111,111,55,null,null],
['2023-02-16',260022050,106,59,null,null],
['2023-02-17',260174006,112,66,null,null],
['2023-02-18',260371240,116,68,null,null],
['2023-02-19',260591182,111,62,null,null],
['2023-02-20',260843865,113,56,null,null],
['2023-02-21',261259435,112,58,null,null],
['2023-02-22',261259435,112,55,null,null],
['2023-02-23',261692901,117,54,null,null],
['2023-02-24',261894608,116,66,null,null],
['2023-02-25',262020641,111,66,null,null],
['2023-02-26',262204436,114,65,null,null],
['2023-02-27',262610275,112,55,null,null],
['2023-02-28',262929125,115,48,null,null],
['2023-03-01',263153006,119,61,null,null],
['2023-03-02',263272711,115,62,null,null],
['2023-03-03',263603613,114,61,null,null],
['2023-03-04',263802100,110,59,null,null],
['2023-03-05',264178609,110,60,null,null],
['2023-03-06',264417895,109,56,null,null],
['2023-03-07',264627482,104,51,null,null],
['2023-03-08',264627482,103,50,null,null],
['2023-03-09',264627482,108,55,null,null],
['2023-03-10',264930468,111,55,null,null],
['2023-03-11',265223754,111,63,null,null],
['2023-03-12',265442116,109,57,null,null],
['2023-03-13',265594888,113,54,null,null],
['2023-03-14',265892154,113,51,null,null],
['2023-03-15',265892154,111,57,null,null],
['2023-03-16',266395764,109,60,null,null],
['2023-03-17',266598460,107,62,null,null],
['2023-03-18',266598460,107,65,null,null],
['2023-03-19',266818970,108,65,null,null],
['2023-03-20',267040210,119,53,null,null],
['2023-03-21',267527016,118,53,null,null],
['2023-03-22',267527016,119,60,null,null],
['2023-03-23',267704038,119,55,null,null],
['2023-03-24',268005372,118,61,null,null],
['2023-03-25',268005372,114,66,null,null],
['2023-03-26',268537770,118,62,null,null],
['2023-03-27',268755557,115,59,null,null],
['2023-03-28',268755557,113,55,null,null],
['2023-03-29',269172352,117,56,null,null],
['2023-03-30',269348781,112,57,null,null],
['2023-03-31',269445477,100,61,null,null],
['2023-04-01',269445477,109,73,null,null]
        ]);
  var options = {
    chartArea: {'width':'85%', 'height':'65%', 'left':60 },
    'pointSize': 3,
    legend: {position: 'top' },
    vAxes:[
      {direction:1},
      {direction:-1,viewWindow:{min:0,max:150}}
    ],
    series: {
      0:{
        type: 'bars',
        color: 'skyblue',
        targetAxisIndex: 0,
      },
      1:{
        type: 'line',
        color: 'seagreen',                
        targetAxisIndex: 1,
      },
      2:{
        type: 'line',
        color: 'red',                
        targetAxisIndex: 1,
      },
    },
    tooltip: { trigger: 'both' },
    focusTarget: 'category',
    colors:['#2980b9','#e74c3c']
  };
  var chart = new google.visualization.ComboChart(document.getElementById('graphField'));
  chart.draw(data, options);
  
  google.visualization.events.addListener(chart, 'click', function() {
    if(chart.getSelection()[0]){
      chart.setSelection(null)
    }
  });


});